.banner {
    position: relative;

    swiper {
        width: 100%;
        height: 100%;

        image {
            width: 100%;
            height: 100%;
        }
    }


    .banner-dot {
        display: flex;
        position: absolute;
        bottom: 53rpx;
        left: 50%;
        transform: translate(-50%);

        .banner-dot-item {
            width: 36rpx;
            height: 4rpx;
            background-color: rgba($color: #ffffff, $alpha: 0.5);
            margin-right: 8rpx;
        }

        .banner-dot-item-active {
            background-color: white;
        }
    }
}